﻿.icon-list {
    --bb-icon-list-width: 190px;
    display: flex;
}

.icons-body {
    flex: 1;
}

.icons-nav {
    overflow-y: auto;
    overflow-x: hidden;
    width: var(--bb-icon-list-width);
    height: 100%;
    display: none;
}

    .icons-nav h5 {
        padding-left: .5rem;
    }

    .icons-nav .nav {
        --bs-nav-link-padding-x: .5rem;
        --bs-nav-link-padding-y: .25rem;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .icons-nav .nav-link:not(:last-child) {
        margin-top: .125rem;
    }

    .icons-nav.nav-pills {
        --bs-nav-pills-link-active-bg: var(--bs-warning);
    }

.is-catalog .icons-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

@media (min-width: 768px) {
    .icons-nav {
        display: block;
    }
}
